@charset "utf-8";
/* CSS Document */

*{ font-family:"微软雅黑"; text-decoration:none; color:black;}
img{ display:block; border:none;}
body{ margin:0; padding:0;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
em{ margin:0; padding:0; /*font-style:normal;*/}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; font-size:14px;}
p{ padding:0; margin:0;}
input{ border:none;}
dl,dd{ margin:0; padding:0;}
.clearfix{ clear:both;}


.name_bg{ width:100%;background: #f5f5f5;border-bottom: 1px solid #eee;}
.name_cte{ width:90%; margin:0 auto;}
.name_cte h1{ float:left; font-size:12px; color:#888; line-height:36px;}
.name{ float:right;}
.name li{ float:left;}
.name li a{ font-size:12px; display:block; padding:0 5px; color:#888; line-height:36px;}
.name span{ display:inline;}
@media(max-width:1000px){
	.name_bg{ display:none;}
	.name_cte h1{ font-size:180%; line-height:250%;}
	.name{ display:none;}
	}

.head_bg{ width:100%;}
.head_cte{ width:90%; margin:10px auto;}
.head_logo{ float:left;}
.head_logo img{ float:left; margin-right:10px;}
.logo{ float:left; padding:8px 0; padding-left:10px; background:url(../images/line01.png) left center no-repeat;}
.logo h1{ font-size:22px; color:#1d7030; font-weight:600; line-height:40px; letter-spacing:2px;}
.logo h1 span{font-size:22px; color:#ff701c; font-weight:600; line-height:40px; letter-spacing:2px;}
.logo li{ font-size:15px; color:#777777; line-height:20px;}
.head_phone{ float:right; margin-top:10px;}
.phone{ padding-left:50px; background:url(../images/phone.png) left center no-repeat;}
.phone h1{ font-size:14px; color:#555; line-height:25px;}
.phone li{ font-size:24px; color:#ff701c; font-weight:600; line-height:30px;}
@media(max-width:1000px){
	.head_bg{ display:none;}
	.logo{ display:none;}
	.phone h1{ font-size:150%; line-height:200%;}
	.phoneli{ font-size:200%; line-height:250%;}
	}

.nav_bg{ width:100%; background-color:#1d7030;}
.nav_cte{ width:90%; margin:0 auto;}
.nav{ width:100%;}
.nav li{ float:left; color:#fff; line-height:40px; width:12.5%;}
.nav li a{ font-size:15px; display:block; text-align:center; line-height:45px; color:#fff;}
.nav li a:hover{ background-color:#ff701c;}
@media(max-width:1000px){
	.nav_bg{ display:none;}
	}

.sp_header{height:80px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:none;}
.sp_logo{padding:10px;float:left;height:80px}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:80px;float:right;position:relative;cursor:pointer;height:60px;margin-top:25px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:4px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:80px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:60px;padding:10px 7px 5px 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:20px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; font-size:20px; line-height:60px;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:40px;height:40px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
@media(max-width:1000px){
	
	.sp_header{ display:block;}
	}




.banner_bg{ position:relative;}
.banner{ margin:0 auto; height:100%; overflow:hidden; position:relative;}
.banner a{ display:none;}
.banner a:first-child{ display:block;}
.banner img{ display:block; margin:0 auto;}
.btn li{ width:10px; height:10px;border-radius:50%; background-color:#003578; float:left; margin:0 2%;}
.btn{ width:40%; margin:0 auto; position:absolute; top:80%; left:48%; margin-top:20px;}
.btn .current{ background-color:white;}
@media(max-width:1000px){
	.banner_bg{ top:80px;}
	}

.search_bg{ width:100%; height:60px;}
.search_cte{ width:90%; margin:0 auto;}
.sear_list{ float:left;}
.sear_list h1{ font-size:14px; float:left; color:#1d7030; font-weight:600; line-height:60px;}
.sear{ float:left;}
.sear li{ float:left; padding-right:15px; line-height:60px; color:#555;}
.search{ float:right;}
.search_form {margin-top:15px;position: relative;height: 31px;display: inline-block;}
.sinput {float: left; width: 200px;height: 30px;line-height: 30px;color: b3b3b3;border: 1px solid #999;border-radius: 2px 0 0 2px;background-color: #fbfbfb;box-sizing:border-box;}
.sbtn {float: left;width: 50px;height: 30px;padding: 0 12px; margin-left: -1px;border-radius: 0 2px 2px 0; border: 1px solid #4d90fe;background-color: #4d90fe;cursor: pointer;display: inline-block;font-size: 12px;vertical-align: middle;color: #f3f7fc;position: absolute; _left: 270px;_top: 0;}
input {-webkit-appearance: textfield;background-color: white;-webkit-rtl-ordering: logical;cursor: text;padding: 1px;border-width: 2px;border-style: inset;border-color: initial;border-image: initial;text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block;text-align: start;margin: 0em;font: 400 13.3333px Arial;}
@media(max-width:1000px){
	.search_bg{ display:none;}
	}

.products_bg{ width:100%; background-color:#f7f7f7;box-shadow: inset 0px 2px 7px 0px rgba(0, 0, 0, 0.35);}
.products_cte{ width:90%; margin:0 auto; padding:30px 0;}
.pro_left{ width:20%; float:left;}
.products_title{ width:100%; background-color:#1d7030; padding:15px 0;}
.products_title h1{ font-size:22px; font-weight:600; color:#fff; line-height:35px; text-align:center;}
.products_title li{ font-size:16px; color:#fff; text-align:center;}
.menu_select{width:100%;}
.menu_list{width:100%;}
.menu_head{width:100%;line-height:45px;;padding-left:10%;font-size:15px;color:#222;cursor:pointer;border:1px solid #e1e1e1; box-sizing:border-box;position:relative;background:#f1f1f1  center 80% no-repeat;margin:0;}
.menu_list .current{background:#1d7030 center right no-repeat; color:#fff;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:10%;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1; display:none;}
.menu_body a{display:block; font-size:14px;width:100%;line-height:280%;padding-left:10%;color:#888;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1; font-size:14px;}
.menu_body a:hover{text-decoration:none; color:white; background-color:#ff701c;}
.pro_right{ width:75%; float:right;}
.pro_title{ width:100%; border-bottom:1px #ccc solid;}
.pro_title h1{ font-size:18px; font-weight:600; line-height:50px; float:left;}
.pro_title li{ float:right;}
.pro_title li a{ font-size:14px; color:#1d7030; line-height:50px;}
.pro_box{ width:100%; margin-top:30px;}
.pro{ width:30%; float:left; margin:0 1.5%;}
.pro li{ width:100%; border:1px #ededed solid; box-sizing:border-box;}
.pro li img{ display:block; width:100%; height:250px;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.pro li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.pro h1{ font-size:15px; font-weight:600; line-height:40px; color:#333; text-align:center;}
@media(max-width:1000px){
	.products_bg{ margin-top:80px;}
	.products_cte{ display:none;}
	}

/*手机产品*/
.mpro_bg{ width:100%; display:none; padding:20px 0;}
.mpro_cte{ width:90%; margin:0 auto;}
.mpro_cte h1{ font-size:25px; color:#1d7030; font-weight:600; line-height:40px; text-align:center;}
.mpro_cte h1 span{ color:#ff701c;line-height:40px;font-size:25px; padding-left:10px;}
.mpro_cte h3{ font-size:14px; color:#777; text-align:center; line-height:25px;}
.mpro_box{ width:100%;}
.scrollleft{width:95%;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:320px;text-align:center;line-height:19px}
.scrollleft li span{ font-size:16px; color:#333; line-height:40px; display:block; width:304px;}
.scrollleft img{width:290px; height:auto;padding:6px;border:solid 1px #ddd;}
@media(max-width:1000px){
	.mpro_bg{ display:block;}
	.mpro_cte h1{ font-size:28px; line-height:45px;}
	.mpro_cte h1 span{ color:#ff701c;line-height:40px;font-size:25px; padding-left:10px;}
	.mpro_cte h3{ font-size:17px; color:#777; text-align:center; line-height:30px;}
	.scrollleft img{ height:300px;}
	}


.index_bg{ width:100%; height:240px; background:url(../images/bg01.jpg) center center no-repeat;}
.index_cte{ width:90%; margin:0 auto; padding-top:60px;}
.index{ width:60%; float:left;}
.index h1{ font-size:24px; font-weight:600; color:#fff; line-height:40px;}
.index p{ font-size:14px; color:#cfffe8; line-height:25px; margin-top:10px;}
.in_phone{ width:20%; float:right; margin-top:10px;}
.in_phone h1{ font-size:16px; color:#e35400; line-height:25px;}
.in_phone h2{ font-size:22px; color:#ff701c; font-weight:600;}
.in_phone h3{ width:130px; background-color:#ff701c; margin-top:10px;}
.in_phone h3 a{ font-size:16px; color:#fff; line-height:30px; display:block; line-height:30px; text-align:center;}
@media(max-width:1000px){
	.in_phone{ width:30%;}
	.in_phone h1{ font-size:18px;}
	.in_phone h2{ font-size:24px;}
	.in_phone h3 a{ font-size:18px;}
	}

.box{ width:100%;}
.cte{ width:90%; margin:30px auto;}
.new_left{ width:65%; float:left;}
.new_bg{ width:100%; padding:5px 0; border-bottom:1px #ccc dotted;}
.new_title{ float:left;}
.new_title li{ float:left; padding:0 10px;}
.new_title li a{ font-size:16px; line-height:40px; font-weight:600;}
.new_bg .new_title .cur_li a{ color:#1d7030;}
.new_bg h1{ font-size:14px; line-height:40px;}
.new_bg h1{ float:right;}
.new_box{ width:100%; margin:15px auto;}
.new_hot{ width:100%; margin-bottom:20px;}
.new_hot img{ width:30%; float:left;}
.hot{ float:right; width:67%;}
.hot li{ width:100%;}
.hot li a{ font-size:15px; color:#1d7030; line-height:35px; display:block; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;}
.hot p{ font-size:13px; color:#444; line-height:25px;}
.hot h1{ font-size:12px; color:#333; font-weight:600; line-height:30px;}
.new{ width:47%; float:left; margin-right:3%;}
.new li{ width:100%; border-bottom:1px #ccc dotted;}
.new li a{ font-size:14px; color:#333; line-height:40px; display:block; padding-left:20px; background:url(../images/style.png) left center no-repeat; width:85%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.problem_bg{ width:30%; float:right;}
.problem_title{ width:100%;padding:5px 0; border-bottom:1px #ccc dotted;}
.problem_title h1{font-size:16px; line-height:40px; font-weight:600; float:left;}
.problem_title li{ float:right;}
.problem{ width:100%; margin-top:15px;}
#ticker { width:95%; margin:0 auto; height:400px; overflow:auto; }
#ticker dt { background:url(../images/wen.png) center left no-repeat; padding:0 10px 0px 25px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }
#ticker dt a{font-family:"微软雅黑"; font-size:14px;color:#1d7030; font-weight:600;line-height:30px;}
#ticker dd { font-family:"微软雅黑"; font-size:12px; color:#969696; background:url(../images/da.png) center left no-repeat; margin-left:0; padding:7px 10px 7px 25px; line-height:20px; border-bottom:1px #ccc dotted; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
@media(max-width:1000px){
	.new_left{ width:100%;}
	.new_title li a{ font-size:20px;}
	.new_hot img{ display:none;}
	.hot{ width:100%;}
	.hot li a{ font-size:20px; line-height:40px;}
	.hot p{ font-size:18px; line-height:35px;}
	.hot h1{ font-size:16px;}
	.new li a{ font-size:18px; line-height:50px;}
	.problem_bg{ width:100%;}
	.problem_title h1{font-size:20px; line-height:40px;}
	#ticker dt a{font-size:18px; line-height:40px;}
	#ticker dd{font-size:16px;}
	}

.company_bg{ width:100%; background:url(../images/bg02.jpg) top center no-repeat;}
.company_cte{ width:90%; margin:0 auto; padding:50px 0;}
.images{ width:30%; float:left;}
.images img{ width:100%;}
.company_box{ width:65%; float:right;}
.company{ width:100%;}
.company h1{ font-size:30px; color:#1d7030; font-weight:600; line-height:45px; float:left;}
.company li{ float:left; font-size:18px; padding-left:10px; margin-top:15px; color:#8c8c8c;}
.company_box h2{ font-size:18px; color:#8c8c8c; line-height:40px;}
.company_box p{ font-size:14px; color:#333; line-height:25px; margin-top:10px;}
.company_box p a{ color:red;}
@media(max-width:1000px){
	.company_bg{ background-image:none; background-color:#f1f1f1;}
	
	.images{ display:none;}
	.company_box{ width:100%;}
	.company_box p{ font-size:18px; line-height:40px;}
	}

.service_bg{ width:100%;}
.service_cte{ width:90%; margin:30px auto;}
.service_cte h1{ font-size:25px; color:#1d7030; font-weight:600; line-height:40px; text-align:center;}
.service_cte h1 span{ color:#ff701c;line-height:40px;font-size:25px; padding-left:10px;}
.service_cte h3{ font-size:14px; color:#777; text-align:center; line-height:25px;}
.service_box{ width:100%; margin-top:25px;}
.service{ width:15%; float:left; margin:0 2.5%;}
.service img{ display:block; margin:0 auto;}
.service h2{ font-size:20px; color:#1d7030; font-weight:600; text-align:center; line-height:30px;}
.service p{ font-size:14px; text-align:center; line-height:25px; margin-top:10px; color:#777;}
@media(max-width:1000px){
	.service{ width:45%; margin:0 2.5%;}
	.service h2{ font-size:25px;}
	.service p{ font-size:16px; line-height:35px;}
	.service_cte h1{ font-size:28px; line-height:45px;}
	.service_cte h1 span{ color:#ff701c;line-height:40px;font-size:25px; padding-left:10px;}
	.service_cte h3{ font-size:17px; color:#777; text-align:center; line-height:30px;}

	}

.foot_bg{ width:100%; background-color:#1d7030; border-bottom:1px #ccc solid;}
.foot_cte{ width:90%; margin:0 auto; padding:8px 0;}
.foot_nav{ width:100%;}
.foot_nav li{ width:12.5%; float:left; background:url(../images/line02.jpg) right center no-repeat;}
.foot_nav li a{ font-size:14px; color:#fff; line-height:30px; text-align:center; display:block;}
@media(max-width:1000px){
	.foot_bg{ display:none;}
	}

.foots_bg{ width:100%;background-color:#1d7030;}
.foots_cte{ width:90%; margin:0 auto; padding:15px 0;} 
.foot_er{ width:15%; float:left; background:url(../images/line01.png) right center no-repeat;}
.foot_er img{ display:block; margin:0 auto;}
.foot_er h1{ font-size:15px; color:#fff; line-height:30px; text-align:center;}
.foot_center{ float:left; margin-left:5%; width:25%;background:url(../images/line01.png) right center no-repeat;}
.center_box{ width:100%;}
.center_box h1,h2,h3,h4{ font-size:14px; color:#c0e0c8; line-height:30px;}
.foot_right{ float:left; width:50%; margin-left:5%;}
.right_boxs{ width:100%;}
.right_boxs h1,p,h2{font-size:14px; color:#c0e0c8; line-height:30px;}
.right_boxs p a{font-size:14px; color:#c0e0c8; line-height:30px;}
@media(max-width:1000px){
	.foot_er{ display:none;}
	.foot_center{ width:100%;}
	.foot_right{ display:none;}
	.center_box h1,h2,h3,h4{ font-size:20px;line-height:45px; text-align:center;}

	}

.link_bg{ width:100%; background-color:#008549;}
.link_cte{ width:1300px; margin:0 auto;}
.link_cte h1{ width:80px; float:left; font-size:14px; color:#fff; line-height:30px;}
.link{ width:1220px; float:left;}
.link li{ float:left; padding:0 15px; background:url(../images/line02.jpg) right center no-repeat;}
.link li a{font-size:14px; color:#fff;line-height:30px;}
@media(max-width:1000px){
	.link_bg{ display:none;}
	}